@charset 'utf-8';
@import '../../assets/styles/common';
.smart_container_rightBlock_title {
    width: 100%;
    padding: 0 rpx(40);
    padding-top: rpx(30);
    font-size: rpx(26);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    .titleHash {
        font-size: rpx(18);
        color: #484848;
        padding-left: rpx(20);
        position: relative;
        top: rpx(-2);
    }
}

.smart_container_qkMessageBlock1 {
    width: auto;
    @extend %clearfix;
    font-size: rpx(14);
    padding: 0 rpx(40);
    padding-top: rpx(30);
    .smart_container_qkMessageBlock_left1 {
        float: left;
        width: rpx(80);
        font-size: rpx(16);
    }
}

.smart_container_qkMessageBlock {
    width: auto;
    @extend %clearfix;
    font-size: rpx(14);
    padding: rpx(0) rpx(0) rpx(20);
    min-height: rpx(300);
    // padding-top: rpx(30);
    .smart_container_qkMessageBlock_left {
        float: left;
        width: rpx(80);
        font-size: rpx(16);
    }
    .smart_container_qkMessageBlock_right {
        float: left;
        width: calc(100% - #{rpx(80)});
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

.smart_container_jy_table {
    width: auto;
    padding: 0 rpx(40);
    padding-top: rpx(30);
    table {
        width: 100%;
        td {
            height: rpx(50);
            vertical-align: middle;
            line-height: rpx(50);
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        tr {
            td:first-child {
                background: #f3f3f3;
                text-align: center;
                width: rpx(115);
            }
            td:last-child {
                text-indent: rpx(30);
            }
        }
    }
}

.smart_nav_list {
    width: auto;
    padding: 0 rpx(40);
    padding-top: rpx(20);
    @extend %clearfix;
    .lis {
        width: 21%;
        height: rpx(70);
        float: left;
        box-shadow: 0 rpx(2) rpx(2) rgba(0, 0, 0, 0.06);
        @extend %clearfix;
        margin-right: 4%;
        .icon {
            width: rpx(35);
            height: rpx(35);
            border-radius: rpx(35);
            background: #5252ff;
            margin: rpx(17) 0 0 rpx(20);
            float: left;
        }
        .rightText {
            width: calc(100% - #{rpx(35+17+15)});
            float: right;
            padding-right: rpx(5);
            margin-top: rpx(16);
            line-height: rpx(20);
            font-size: rpx(0);
            text-align: center;
            color: #666666;
            span {
                width: 100%;
                display: block;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                font-size: rpx(12);
            }
            span:first-child {
                color: #5252ff;
                font-size: rpx(13);
            }
        }
    }
}

.smart_tableForAdress {
    padding: rpx(40);
    .border {
        border: 1px solid #f3f3f3;
        border-radius: rpx(20);
        overflow: hidden;
    }
    .border-scroll {
        width: 100%;
        overflow-x: auto;
    }
    table {
        width: 100%;
        min-width: rpx(950);
        th {
            height: rpx(45);
            background: #f3f3f3;
            font-size: rpx(19);
        }
        td {
            // height: rpx(75);
            font-size: rpx(17);
            &:first-child {
                .lis {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    color: #5252ff;
                }
                .header {
                    width: rpx(35);
                    height: rpx(35);
                    border-radius: rpx(35);
                    background: white;
                    display: inline-block;
                    margin-left: rpx(20);
                    overflow: hidden;
                    img {
                        width: rpx(35);
                        height: rpx(35);
                        border-radius: rpx(35);
                        display: block;
                        object-fit: cover;
                    }
                }
                .content {
                    width: calc(100% - #{rpx(75)});
                    text-align: left;
                    display: inline-block;
                    padding: 0 rpx(10);
                    word-break: break-all;
                    /*支持IE，chrome，FF不支持*/
                    word-wrap: break-word;
                    /*支持IE，chrome，FF*/
                    @include multiLineTextHidden(2);
                }
            }
        }
        .labelLis {
            width: 100%;
            display: flex;
            flex-direction: column;
        }
        .textIndent {
            text-indent: rpx(25);
        }
        .label {
            margin: rpx(3) 0;
            display: flex;
            flex-direction: row;
            .span1 {
                width: rpx(55);
                text-align: center;
                padding: rpx(2) rpx(6);
                background: #f3f3f3;
                display: inline-block;
                border-radius: rpx(4);
                display: inline-block;
                margin-right: rpx(20);
            }
            .span2 {
                text-align: left;
                width: calc(100% - #{rpx(40)});
            }
            .blue {
                color: #5252ff;
            }
        }
    }
}
